<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Ejemplo 01 - JQuery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="script/jquery-1.11.0.min.js"></script>
        <script>
            //Cuando el documeto ya está listo se ejecuta la fuciona, pero es
            //obsoleta la forma de hacerlo
            $(document).ready(function(){
                
            });
        </script>        
        <style>
            .class01{
                background-color: red;
            }
            
            .class02{
                background-color: blue;
            }
        </style>
    </head>
    
    <body>
        <div id="div01" class="class01">
            <p>
                Este es el DIV con id div01. Clase 01
            </p>
        </div>
        
        <div id="div02" class="class01">
            <cite>
                Esto es el div co id div 02. Clase 01 
            </cite>
        </div>
        
        <div id="div03" class="class02">
            <p>
                Este es el DIV con id div03. Clase 02
            </p>
        </div>
        
        <div class="class01 class02">
            <cite>
                Esto es el div es de class01 y class02 
            </cite>
        </div>

        
    </body>
    
</html>
